<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="./css/global.css" rel="stylesheet" />
		<link href="./css/footer.component.css" rel="stylesheet"/>
	</head>
	<body>
		<div id="app" data-v-app="">
			<div class="container d-flex justify-between"><img src="img/logo.png" class="mr-2 align-self-center"
					style="height: 50px;">
				<div class="mr-auto d-flex"><a href="./index.html"
						class="py-3 px-2 text-bold text-decoration-none mr-2 bg-white text-muted text-hover-red">首页</a><a
						href="./film_list.html"
						class="py-3 px-2 text-bold text-decoration-none mr-2 bg-white text-muted text-hover-red">电影</a><a
						href="./cinema_list.html"
						class="py-3 px-2 text-bold text-decoration-none mr-2 bg-red text-white">影院</a><a
						href="./index.html"
						class="py-3 px-2 bg-white text-muted text-hover-red text-bold text-decoration-none mr-2">演出</a><a
						href="./index.html"
						class="py-3 px-2 bg-white text-muted text-hover-red text-bold text-decoration-none mr-2">榜单</a><a
						href="./index.html"
						class="py-3 px-2 bg-white text-muted text-hover-red text-bold text-decoration-none mr-2">热点</a><a
						href="./index.html"
						class="py-3 px-2 bg-white text-muted text-hover-red text-bold text-decoration-none mr-2">商城</a>
				</div>
				<div class="align-self-center d-flex mr-3"><input type="text"
						class="py-2 px-3 rounded-left outline-0 border-red-1" placeholder="找影视剧、影人、影院"><button
						class="text-white bg-red bg-hover-light-red py-2 px-3 outline-0 border-0 rounded-right"> 搜 索
					</button></div><a href="./login.html"
					class="align-self-center text-sm text-gray text-decoration-none text-hover-red mr-3"> 你好，请登录 </a><a
					href="./regist.html" class="align-self-center text-sm text-red text-decoration-none"> 免费注册 </a>
			</div>
			<div class="container my-4">
				<div class="shadow rounded px-3">
					<div class="d-flex align-items-start border-bottom py-2">
						<div class="text-muted text-sm pr-3 w-8 my-1 py-1 text-right"> 影院品牌： </div>
						<div class="flex-grow-1 d-flex flex-wrap w-92">
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-white bg-red"> 全部 </div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">SFC上影影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">万达影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">CGV影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">嘉禾影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">大光明电影院</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">百丽宫影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">上影国际影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">保利国际影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">完美世界影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">横店影视</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">金逸影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">中影国际影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">星美国际影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">上影CGV</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">永乐影城</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">百老汇影城</div>
						</div>
					</div>
					<div class="d-flex align-items-start border-bottom py-2">
						<div class="text-muted text-sm pr-3 w-8 my-1 py-1 text-right"> 行政地区： </div>
						<div class="flex-grow-1 d-flex flex-wrap w-92">
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-white bg-red"> 全部 </div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">地铁附近</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">浦东新区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">闵行区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">宝山区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">松江区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">嘉定区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">徐汇区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">普陀区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">杨浦区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">静安区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">青浦区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">黄浦区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">奉贤区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">长宁区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">虹口区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">金山区</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">崇明区</div>
						</div>
					</div>
					<div class="d-flex align-items-start border-bottom py-2">
						<div class="text-muted text-sm pr-3 w-8 my-1 py-1 text-right"> 放映厅： </div>
						<div class="flex-grow-1 d-flex flex-wrap w-92">
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-white bg-red"> 全部 </div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">IMAX厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">CGS中国巨幕厅
							</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">杜比全景声厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">Dolby Cinema厅
							</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">RealD厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">RealD 6FL厅
							</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">LUXE巨幕厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">4DX厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">DTS:X 临境音厅
							</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">儿童厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">4K厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">4D厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">60帧厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">120帧/4K厅
							</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">巨幕厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">CINITY厅</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">MX4D厅</div>
						</div>
					</div>
					<div class="d-flex align-items-start border-bottom py-2">
						<div class="text-muted text-sm pr-3 w-8 my-1 py-1 text-right"> 票务服务： </div>
						<div class="flex-grow-1 d-flex flex-wrap w-92">
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-white bg-red"> 全部 </div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">可改签</div>
							<div class="text-sm hand py-1 px-2 rounded my-1 mx-2 text-gray text-hover-red">可退票</div>
						</div>
					</div>
				</div>
			</div>
			<div class="container my-4">
				<div class="text-big text-muted text-bold">影院列表</div><a href="./cinema.html"
					class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">万达影城（金山万达广场IMAX店）</div>
							<div class="mt-2 text-sm text-muted">地址：金山区龙皓路1088号万达广场四楼（蒙山北路）</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥15.1</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">55km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">万达影城（金山万达广场IMAX店2店）</div>
							<div class="mt-2 text-sm text-muted">地址：金山区龙皓路1088号万达广场四楼（蒙山北路）</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">巨幕厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥15.1</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">55km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">万达影城（金山万达广场IMAX店3店）</div>
							<div class="mt-2 text-sm text-muted">地址：金山区龙皓路1088号万达广场四楼（蒙山北路）</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">巨幕厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥15.1</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">55km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">柘林影剧院</div>
							<div class="mt-2 text-sm text-muted">地址：奉贤区钦林北路31号</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥38</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">45km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">珠影沪亚国际影城（松江店）</div>
							<div class="mt-2 text-sm text-muted">地址：松江区车墩镇南乐路456号4幢4层</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥16</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">29km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">大光明丽星汇影城（杨浦店）</div>
							<div class="mt-2 text-sm text-muted">地址：杨浦区民星路378号太平洋生活广场2F</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥39</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">35km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">中宏影城</div>
							<div class="mt-2 text-sm text-muted">地址：宝山区殷高西路555号西区3楼</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥15</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">25km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">上影青浦时光国际影城</div>
							<div class="mt-2 text-sm text-muted">地址：青浦区华新镇华志路789号新尚生活广场5楼</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥38</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">15km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">百丽宫影城（ifc商场店）</div>
							<div class="mt-2 text-sm text-muted">地址：浦东新区陆家嘴世纪大道8号上海国金中心商场LG1-LG2层</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥65</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">25km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">国泰电影院</div>
							<div class="mt-2 text-sm text-muted">地址：黄浦区淮海中路870号（茂名南路口）</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥43</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">35km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">CGV影城（七宝万科广场IMAX店）</div>
							<div class="mt-2 text-sm text-muted">地址：闵行区漕宝路3366号上海七宝万科广场5层L501单元</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥51</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">45km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">太平洋影城（松江店）</div>
							<div class="mt-2 text-sm text-muted">地址：松江区文诚路500弄1号四楼（塞纳左岸）</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥34</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">55km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">DFC影城金山店</div>
							<div class="mt-2 text-sm text-muted">地址：金山区海汇街500号11号楼401室</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥32</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">75km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a><a href="./cinema.html" class="text-decoration-none">
					<div
						class="mt-3 p-3 rounded shadow shadow-hover-blue hand d-flex justify-between align-items-center">
						<div class="mr-auto">
							<div class="text-gray text-hover-red">金汇影剧院</div>
							<div class="mt-2 text-sm text-muted">地址：奉贤区奉贤金汇镇中心路10号（近金汇镇社会事业服务中心）</div>
							<div class="mt-2 d-flex">
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">IMAX厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">杜比全景声厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">LUXE巨幕厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">4D厅</div>
								<div class="text-sm text-blue py-1 px-2 border-blue-1 rounded mr-2">120帧/4K厅</div>
							</div>
						</div>
						<div class="mr-4 d-flex flex-column align-items-end">
							<div><span class="text-red">￥38</span><span class="text-sm text-gray ml-1">起</span></div>
							<div class="mt-2 text-xs text-muted">35km </div>
						</div>
						<div><button
								class="text-white py-2 px-3 bg-red bg-hover-light-red border-0 outline-0 rounded">选座购票</button>
						</div>
					</div>
				</a>
			</div>
			<div class="footer-background">
				<div class="container footer">
					<div class="footer-left">
						<div class="footer-left-column">
							<div class="footer-primary">学掌门院线</div>
							<div class="footer-secondary">中国影迷使用得更多的院线平台</div>
							<div class="footer-secondary">学掌门平台打造的<span class="orange">"影视神器"</span></div>
							<div class="footer-secondary"><span class="orange">60,000</span> 多个专业分类</div>
							<div class="footer-secondary"><span class="orange">600,000</span> 多个影视资源</div>
							<div class="footer-secondary"><span class="orange">760,000,000</span> 多条影评</div>
							<div class="footer-secondary"><span class="orange">38,000</span> 多个影院</div>
						</div>
						<div class="footer-left-column">
							<div class="footer-primary">关于我们</div>
							<div class="footer-secondary">关于学掌门</div>
							<div class="footer-secondary">隐私政策</div>
							<div class="footer-secondary">院线平台服务协议</div>
							<div class="footer-secondary">网络信息侵权通知指引</div>
							<div class="footer-secondary">学掌门院线服务监督员</div>
							<div class="footer-secondary">网站地图</div>
							<div class="footer-secondary">联系我们</div>
						</div>
						<div class="footer-left-column">
							<div class="footer-primary">Vip服务</div>
							<div class="footer-secondary">院线攻略 免费体验</div>
							<div class="footer-secondary">影院问答 评估指南</div>
							<div class="footer-secondary">专业咨询 海量片源</div>
							<div class="footer-secondary">偏好设置 随机抽奖</div>
							<div class="footer-secondary">自动评论 账单统计</div>
							<div class="footer-secondary">消费分析 APP下载</div>
							<div class="footer-secondary">诱惑活动 发现更多</div>
						</div>
					</div>
					<div class="footer-right">
						<div class="footer-right-column"><img src="./img/index_bottom_wechat.png">
							<div class="footer-right-primary"> 学掌门APP </div>
							<div class="footer-right-primary"> 扫描立即下载 </div>
						</div>
						<div class="footer-right-column"><img src="./img/index_bottom_wechat.png">
							<div class="footer-right-primary"> 学掌门院线 </div>
							<div class="footer-right-primary"> 订阅号 </div>
						</div>
						<div class="footer-right-column"><img src="./img/index_bottom_wechat.png">
							<div class="footer-right-primary"> 学掌门院线 </div>
							<div class="footer-right-primary"> 官方服务号 </div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
